<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8"/>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="Jasman" />
	<title>Untitled 3</title>
    <script src="dist/swfobject.js"></script>
    <script src="dist/jquery.min.js"></script>
    <script src="dist/jquery.selfie.js"></script>
    <script type="text/javascript">

        function getSelfie(img){
            $('#result').html('<img src="'+img+'" alt="preview"  />');
        }
        
        $(document).ready(function(){
            
                var MyCam = $("#webcam").Webcam({
                    width: 320,
                    height: 240
                }) ;
          
                
                $("#pause").click(function(){
                    MyCam.Pause();           
                });
                
                $("#capture").click(function(){
                    var img = MyCam.Capture();
                    //show_img(img);                
                });
                
                $("#play").click(function(){
                    MyCam.Play();         
                });                
                    
          
        });
    </script>
</head>
<body>
<label id="progress"></label>
<video id="webcam"></video>
<div id="result"></div>
<input type="button" id="pause" value="Pause" />
<input type="button" id="capture" value="Save" />
<input type="button" id="play" value="Play" />
</body>
</html>